a {
  color: #199ED8;
}
.error {
  border-bottom: 0.02rem solid #FF6262;
}
.login-wrap {
  height: 100vh;
  background: linear-gradient(to bottom, #FF6262 0%, #FF6262 40%, #fff 40%, #fff 100%);
  overflow: hidden;

  .login-box {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    margin-top: 1.8rem;
    padding: .35rem .15rem .2rem;
    border: .01rem solid #eee;

    .input-box {
      margin-bottom: .1rem;
      position: relative;
        
      input {
        width: 100%;  
        border-bottom: .02rem solid #C9C9C9;
        padding: .1rem 0;
        font-size: .12rem;
        margin-bottom: .25rem;
      }
      input::-webkit-input-placeholder { /* WebKit browsers */
        font-size: .12rem;
      }
      >a{
        position: absolute;
        top: .7rem;
        right: .05rem;
      }
      
    }

    .login-button {
      width: 90%;
      margin: .3rem auto .3rem;
    }

    .bottom-button {
      display: flex;
      justify-content: space-between;
    }
  }
}